<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
	<link rel="stylesheet" href="../css/menu/deliciousFood.css">
	<title>美食</title>
    <style>
       
    </style>
</head>

<body>
    <!-- 美食页面 -->
	<!-- 左边固定导航栏 -->
	<div class="menu-navi">
		{{include '../navi-header.html'}}
		<ul class="nav flex-column mt-5 pt-5 mt-md-5 pt-md-5 menu-navi-bot">
            <a href="../menu" class="nav-link menu-navi-item" style="padding: 6px 0; color: rgb(112,112,112);font-size: 16px;">
				<img src="../images/icon-chevron-left.svg" alt=""  style="width: 24px;"> 菜单
			</a>
			<li class="nav-item menu-navi-title">
				<a class="nav-link active" aria-current="page" href="#" style="padding: 12px 0; color: #000;">美食</a>
			</li>
			<li class="nav-item active_one">
				<a class="nav-link menu-navi-item" href="#">全部</a>
			</li>
            <li class="nav-item active_one">
				<a class="nav-link menu-navi-item" href="#">烘焙</a>
			</li>
			<li class="nav-item active_one">
				<a class="nav-link menu-navi-item" href="#">蛋糕&甜品</a>
			</li>
			<li class="nav-item active_one">
				<a class="nav-link menu-navi-item" href="#">其他美食</a>
			</li>
			<li class="nav-item active_one ">
				<a class="nav-link menu-navi-item" href="#">三明治、帕尼尼、卷</a>
			</li>
			<li class="nav-item active_one ">
				<a class="nav-link menu-navi-item" href="#">早安新一天</a>
			</li>
		</ul>
	</div>
	<!-- 全部 -->
	<div class="menu-content active_two " style="display: block;">
		<!-- 烘焙 one -->
		<div class="list">
			<div class="title">烘焙</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-1.jpg" alt="">
					<p class="mt-3">美式松饼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-2.jpg" alt="">
					<p class="mt-3">蓝莓麦芬</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-3.jpg" alt="">
					<p class="mt-3">香浓巧克力麦芬</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-4.jpg" alt="">
					<p class="mt-3">旋风玉桂酥</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-5.jpg" alt="">
					<p class="mt-3">法式香酥可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-6.jpg" alt="">
					<p class="mt-3">法式焦糖酥</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-7.jpg" alt="">
					<p class="mt-3">层层榛子果仁酥</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-8.jpg" alt="">
					<p class="mt-3">蜂蜜提子司康</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-9.jpg" alt="">
					<p class="mt-3">燕麦焦糖布丁面包</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-10.jpg" alt="">
					<p class="mt-3">香浓巧克力可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-11.jpg" alt="">
					<p class="mt-3">提子干松饼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-12.jpg" alt="">
					<p class="mt-3">核桃提子软法面包</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-13.jpg" alt="">
					<p class="mt-3">红豆燕麦松饼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-14.jpg" alt="">
					<p class="mt-3">全麦核桃麦芬</p>
				</div>
			</div>
		</div>
		<!-- 蛋糕&甜品 two -->
		<div class="list">
			<div class="title">蛋糕&甜品</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-1.jpg" alt="">
					<p class="mt-3">蓝莓曲奇风轻乳酪蛋糕</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-2.jpg" alt="">
					<p class="mt-3">经典瑞士卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-3.jpg" alt="">
					<p class="mt-3">浓醇三重黑巧克力蛋糕</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-4.jpg" alt="">
					<p class="mt-3">法式闪电泡芙</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-5.jpg" alt="">
					<p class="mt-3">星巴克咖啡提拉米苏蛋糕</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-6.jpg" alt="">
					<p class="mt-3">法式马卡龙</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-7.jpg" alt="">
					<p class="mt-3">纽约风浓郁重芝士蛋糕</p>
				</div>
			</div>
		</div>
		<!-- 其他美食 three -->
		<div class="list">
			<div class="title">其他美食</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-1.jpg" alt="">
					<p class="mt-3">腰果</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-1.jpg" alt="">
					<p class="mt-3">英伦风味黄油饼干</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-3.jpg" alt="">
					<p class="mt-3">混合果仁果脯</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-4.jpg" alt="">
					<p class="mt-3">水果沙拉</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-5.jpg" alt="">
					<p class="mt-3">棒棒糖</p>
				</div>
				<!-- <div class="items col-lg-3 ">
					<img src="../images/menu-ten-6.jpg" alt="">
					<p class="mt-3">咖啡味蛋卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-7.jpg" alt="">
					<p class="mt-3">薄荷味口香糖（无糖）</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-8.jpg" alt="">
					<p class="mt-3">薄荷味硬糖（无糖）</p>
				</div> -->
			</div>
		</div>
		<!-- 三明治、帕尼尼、卷 four -->
		<div class="list">
			<div class="title">三明治、帕尼尼、卷</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-1.jpg" alt="">
					<p class="mt-3">牛油果鸡肉焙果</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-2.jpg" alt="">
					<p class="mt-3">培根蛋可颂堡</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-3.jpg" alt="">
					<p class="mt-3">蜜汁培根蛋卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-4.jpg" alt="">
					<p class="mt-3">层层牛肉法棍</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-5.jpg" alt="">
					<p class="mt-3">牛肉芝士可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-6.jpg" alt="">
					<p class="mt-3">凯撒鸡肉卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-7.jpg" alt="">
					<p class="mt-3">鸡肉芝香帕尼尼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-8.jpg" alt="">
					<p class="mt-3">炒蛋菌菇虾仁卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-9.jpg" alt="">
					<p class="mt-3">火腿芝士可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-10.jpg" alt="">
					<p class="mt-3">双重芝士火腿吐司</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-11.jpg" alt="">
					<p class="mt-3">高达芝士火腿星明治</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-12.jpg" alt="">
					<p class="mt-3">帕斯雀牛肉三明治</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-13.jpg" alt="">
					<p class="mt-3">烤法式火腿鸡蛋三明治</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-14.jpg" alt="">
					<p class="mt-3">慢烤火腿芝士恰巴特</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-15.jpg" alt="">
					<p class="mt-3">金枪鱼帕尼尼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-16.jpg" alt="">
					<p class="mt-3">火鸡培根英式麦芬</p>
				</div>
			</div>
		</div>
		<!-- 早安新一天 five -->
		<div class="list">
			<div class="title">早安新一天</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../../images/menu-six-1.jpg" alt="">
					<p class="mt-3">经典巧克力饮品（热/冷）					</p>
				</div>
			</div>
		</div>
		<p class="illustrate">实际产品以供应为准。</p>
	</div>
      <!-- 烘培 -->
    <div class="menu-content1 active_two">
        <div class="list">
			<div class="title">烘焙</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-1.jpg" alt="">
					<p class="mt-3">美式松饼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-2.jpg" alt="">
					<p class="mt-3">蓝莓麦芬</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-3.jpg" alt="">
					<p class="mt-3">香浓巧克力麦芬</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-4.jpg" alt="">
					<p class="mt-3">旋风玉桂酥</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-5.jpg" alt="">
					<p class="mt-3">法式香酥可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-6.jpg" alt="">
					<p class="mt-3">法式焦糖酥</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-7.jpg" alt="">
					<p class="mt-3">层层榛子果仁酥</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-8.jpg" alt="">
					<p class="mt-3">蜂蜜提子司康</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-9.jpg" alt="">
					<p class="mt-3">燕麦焦糖布丁面包</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-10.jpg" alt="">
					<p class="mt-3">香浓巧克力可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-11.jpg" alt="">
					<p class="mt-3">提子干松饼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-12.jpg" alt="">
					<p class="mt-3">核桃提子软法面包</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-13.jpg" alt="">
					<p class="mt-3">红豆燕麦松饼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eight-14.jpg" alt="">
					<p class="mt-3">全麦核桃麦芬</p>
				</div>
			</div>
		</div>
    </div>
    <!-- 蛋糕&甜品 -->
    <div class="menu-content1 active_two">
		<!-- 蛋糕&甜品 two -->
		<div class="list">
			<div class="title">蛋糕&甜品</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-1.jpg" alt="">
					<p class="mt-3">蓝莓曲奇风轻乳酪蛋糕</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-2.jpg" alt="">
					<p class="mt-3">经典瑞士卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-3.jpg" alt="">
					<p class="mt-3">浓醇三重黑巧克力蛋糕</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-4.jpg" alt="">
					<p class="mt-3">法式闪电泡芙</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-5.jpg" alt="">
					<p class="mt-3">星巴克咖啡提拉米苏蛋糕</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-6.jpg" alt="">
					<p class="mt-3">法式马卡龙</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-nine-7.jpg" alt="">
					<p class="mt-3">纽约风浓郁重芝士蛋糕</p>
				</div>
			</div>
		</div>
		<p class="illustrate">实际产品以供应为准。</p>
	</div>
    <!-- 其他美食 -->
    <div class="menu-content1 active_two">
		<!-- 其他美食 three -->
		<div class="list">
			<div class="title">其他美食</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-1.jpg" alt="">
					<p class="mt-3">腰果</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-1.jpg" alt="">
					<p class="mt-3">英伦风味黄油饼干</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-3.jpg" alt="">
					<p class="mt-3">混合果仁果脯</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-4.jpg" alt="">
					<p class="mt-3">水果沙拉</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-ten-5.jpg" alt="">
					<p class="mt-3">棒棒糖</p>
				</div>
			</div>
		</div>
        <p class="illustrate">实际产品以供应为准。</p>
	</div>
    <!-- 三明治、帕尼尼、卷 -->
    <div class="menu-content1 active_two">
		<!-- 三明治、帕尼尼、卷 four -->
		<div class="list">
			<div class="title">三明治、帕尼尼、卷</div>
			<div class="list-content row">
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-1.jpg" alt="">
					<p class="mt-3">牛油果鸡肉焙果</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-2.jpg" alt="">
					<p class="mt-3">培根蛋可颂堡</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-3.jpg" alt="">
					<p class="mt-3">蜜汁培根蛋卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-4.jpg" alt="">
					<p class="mt-3">层层牛肉法棍</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-5.jpg" alt="">
					<p class="mt-3">牛肉芝士可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-6.jpg" alt="">
					<p class="mt-3">凯撒鸡肉卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-7.jpg" alt="">
					<p class="mt-3">鸡肉芝香帕尼尼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-8.jpg" alt="">
					<p class="mt-3">炒蛋菌菇虾仁卷</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-9.jpg" alt="">
					<p class="mt-3">火腿芝士可颂</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-10.jpg" alt="">
					<p class="mt-3">双重芝士火腿吐司</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-11.jpg" alt="">
					<p class="mt-3">高达芝士火腿星明治</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-12.jpg" alt="">
					<p class="mt-3">帕斯雀牛肉三明治</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-13.jpg" alt="">
					<p class="mt-3">烤法式火腿鸡蛋三明治</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-14.jpg" alt="">
					<p class="mt-3">慢烤火腿芝士恰巴特</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-15.jpg" alt="">
					<p class="mt-3">金枪鱼帕尼尼</p>
				</div>
				<div class="items col-lg-3 ">
					<img src="../images/menu-eleven-16.jpg" alt="">
					<p class="mt-3">火鸡培根英式麦芬</p>
				</div>
			</div>
		</div>
        <p class="illustrate">实际产品以供应为准。</p>
	</div>
    <!-- 早安新一天 -->
    <div class="goodMorning active_two">
        <div class="goodMorning_header">
            <img src="../images/goodmorning1.jpg" alt="">
        </div>
        <div class="goodMorning_content clearfix">
            <div class="goodMorning_content_left">
                <h2>
                    谷物组合希腊式风味酸奶
                    <br>
                    （混合莓果/黄桃）
                    <br>
                    Granola & Greek Flavored Yoghurt
                    <br>
                    Mixed Berry/ Yellow Peach)
                </h2>
                <p>甄选优质奶源生牛乳，使用欧洲进口菌种发酵而成，并采用希腊式物理脱乳清工艺，奶香浓郁质地醇厚。添加含真实果肉的果酱并搭配丰富谷物，不管是早餐或午后食用，都能开启轻盈无负担的美味之旅。</p>    
            </div>
            <div class="goodMorning_content_right">
                <div class="img">
                    <img src="../images//goodmorning2.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="goodMorning_body">
            <ul class="clearfix">
                <li>
                    <img src="../images/goodmorning3.gif" alt="">
                    <p>希腊式风味酸奶，甄选优质生牛乳，使用欧洲菌种发酵而成</p>
                </li>
                <li>
                    <img src="../images/goodmorning4.gif" alt="">
                    <p>口感醇厚的希腊式风味酸奶</p>
                </li>
                <li>
                    <img src="../images/goodmorning5.gif" alt="">
                    <p>果肉果酱和谷物组合</p>
                </li>
            </ul>
        </div>

        <div class="goodMorning_content1 clearfix">
            <div class="goodMorning_content1_left">
                <div class="img">
                    <img src="../images//goodmorning6.jpg" alt="">
                </div>
            </div>
            <div class="goodMorning_content1_right">
                <h2>
                    牛油果鸡肉/双重芝士火腿焙果
                    <br>
                    Avocado & Chicken/ Ham & Double Cheese Bagel
                </h2>
                <p>焙果是风靡北美的美味面包的代表，精选多种优质谷物，搭配健康美味内馅，手工制作带来醇正的韧劲口感。</p>    
            </div>
        </div>
        <div class="goodMorning_body">
            <ul class="clearfix">
                <li>
                    <img src="../images/goodmorning7.gif" alt="">
                    <p>精选优质谷物</p>
                </li>
                <li>
                    <img src="../images/goodmorning8.gif" alt="">
                    <p>芝香浓郁奶</p>
                </li>
                <li>
                    <img src="../images/goodmorning9.gif" alt="">
                    <p>韧劲的口感</p>
                </li>
            </ul>
        </div>
        <div class="goodMorning_content clearfix">
            <div class="goodMorning_content_left">
                <h2>
                    培根蛋可颂堡
                    <br>
                    Bacon & Egg Croissant Bun
                </h2>
                <p>烟熏培根和嫩滑蛋饼作为馅料，加上优质车达芝士放入经典可颂堡中。快用星巴克明星早餐产品说早安~</p>    
            </div>
            <div class="goodMorning_content_right">
                <div class="img">
                    <img src="../images//goodmorning10.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="goodMorning_content1 clearfix">
            <div class="goodMorning_content1_left">
                <div class="img">
                    <img src="../images//goodmorning11.jpg" alt="">
                </div>
            </div>
            <div class="goodMorning_content1_right">
                <h2>
                    高达芝士香肠肉可颂堡
                    <br>
                    Sausage & Gouda Croissant Bun
                </h2>
                <p>托斯卡纳香肠搭配高达芝士，并加入嫩滑蛋饼一起放入酥松香脆的可颂堡中，成就一款经典早餐~（仅在北京、广州和深圳售卖）</p>    
            </div>
        </div>
        <div class="goodMorning_content clearfix">
            <div class="goodMorning_content_left">
                <h2>
                    美式松饼
                    <br>
                    American Style Pancakes
                </h2>
                <p>两片轻盈酥松的美式松饼，加热后香气四溢，再倒上加拿大进口槭树糖浆（枫糖浆），丝丝甜蜜融入这份柔软中，给早上自己一个温暖的拥抱吧。（江浙沪地区星巴克门店及北京部分交通枢纽店不售卖）</p>    
            </div>
            <div class="goodMorning_content_right">
                <div class="img">
                    <img src="../images//goodmorning12.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="goodMorning_content1 clearfix">
            <div class="goodMorning_content1_left">
                <div class="img">
                    <img src="../images//goodmorning13.jpg" alt="">
                </div>
            </div>
            <div class="goodMorning_content1_right">
                <h2>
                    蜜汁培根蛋卷
                    <br>
                    Bacon & Egg Wrap
                </h2>
                <p>你尝试过菠菜风味的卷饼么？一口咬下去，你会遇见经蜜汁处理过的培根里的甜与肉香，遇见嫩滑炒鸡蛋和美味车达芝士混搭的满足~（仅在部分城市有售）</p>    
            </div>
        </div>
        <div class="goodMorning_content clearfix">
            <div class="goodMorning_content_left">
                <h2>
                    鸡肉芝士手握三明治
                    <br>
                    Chicken & Mozzarella Finger Sandwich
                </h2>
                <p>在经打压工艺制作的酥脆恰巴特面包中，包裹着香嫩鸡胸肉、鸡蛋、新鲜番茄和生菜，与香浓诱人马苏里拉芝士。早餐一口，吃到丰富与满足。（仅在部分城市有售）</p>    
            </div>
            <div class="goodMorning_content_right">
                <div class="img">
                    <img src="../images//goodmorning14.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 广告 -->
    <div class="advertisement">广告</div>
	<!-- 打开搜索页面按钮 -->
	<button class="search-menu">搜索菜单</button>
	
</body>
<script>

    var left=document.getElementsByClassName("active_one")
    var right=document.getElementsByClassName('active_two')
    for(let i=0;i<left.length;i++){
        // if(i==6){
        //     
        // }else{
        //     search.style.display="block"
        // }
        left[i].children[0].style.padding="6px 0"
        left[0].children[0].style.borderBottom='4px solid #00a862'
        left[0].children[0].style.color='#000'
        right[i].style.display="none"
        right[0].style.display="block"
        left[i].onclick=function(){
            for(let j=0;j<left.length;j++){
                left[j].children[0].style.color='rgba(0, 0, 0, 0.56)'
                left[j].children[0].style.borderBottom='1px'
                right[j].style.display="none"
            }
            left[i].children[0].style.color='rgba(0, 0, 0)'
            left[i].children[0].style.borderBottom='4px solid #00a862'
            right[i].style.display="block"
        }
    }
</script>

<script src="../bootstrap/bootstrap.min.js"></script>

</html>